<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>思德网</title>
<link rel="stylesheet"  href="${ctx.resource}/front_css/style.css" type="text/css" />
<!--tab js-->
<script type="text/javascript" src="${ctx.resource}/front_js/jQuery1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var $tab_li = $('#tab ul li');
	$tab_li.hover(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $tab_li.index(this);
		$('div.tab_box > div').eq(index).show().siblings().hide();
	});	
});
</script>
</head>

<body>
<div class="os-2015">
<jsp:include page="header.jsp"></jsp:include>
<!--  
<script type="text/javascript" src="${ctx.resource}/front_js/header.js"></script> -->
<!-- <iframe src="../public/header.html" width="100%" height="144" frameborder="0">
</iframe>-->
<!--center-->
<div class="center">
<div class="w">
<div class="center-banner">
<div class="center-people">
<dl>
<dt><img src="${ctx.resource}/images/people.png" width="93" height="93" /></dt>
<dd>
<p>缪小志 上午好！</p>
<p><a href="${ctx }/userInfo/${uid}/reviseuser"><img src="${ctx.resource}/images/center-button01.jpg" /></a></p>
</dd>
</dl>
</div>
</div>
<div class="center-main">
<div class="center-tab">
<div class="tabbox" id="statetab">
			<ul class="tabbtn">
				<li class="current"><a href="http://www.17sucai.com/">我的项目</a></li>
				<li><a href="http://www.17sucai.com/">我的订单</a></li>
				<li><a href="http://www.17sucai.com/">我的消息</a></li>
				<li><a href="http://www.17sucai.com/">我关注的项目</a></li>
			</ul><!--tabbtn end-->
			<div class="tabcon">
          <dl>
          <dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
          <dd>
          <p><h1>${subpro.name }</h1></p>
          <p>${subpro.pcreatTime }</p>
          <p>${subpro.projectinformation }</p><br>
           <font size="7" color="red">${message }</font>
          
          <p class="tabbutton"><a href="#"><img src="${ctx.resource}/images/center-button.jpg" /></a></p>
          </dd>
          </dl>
          <div style=" clear:both"></div>
     <div class="tabcon2">
        <div class="tabcon2_left">
     <ul>
     <li><a href="" id="tabcon2-btn">信息确认</a></li>
     <li><a href="">缴费确认</a></li>
     <li><a href="${ctx }/product02.jsp?stepid=${steplist[1].stepid}&spid=${spid }&uid=${uid}">协议邮寄</a></li>
     <li><a href="">信息确认</a></li>
     <li><a href="">信息确认</a></li>
     <li><a href="">信息确认</a></li>   
     </ul>
     </div>
     <div class="tabcon2_right">
     <div class="tabcon2_right_tit">
     <span>缴费确认</span><span class="prospecial">确认和上传缴费信息</span>
     </div>
     <%
     	int pid=0;
     	int Uid=0;
     	String spid=request.getParameter("spid").toString();
     	String uid=request.getParameter("uid").toString();
     	if(spid!=null &&!"".equals(spid)){
     		pid=Integer.parseInt(spid);
     	}
     	if(uid!=null &&!"".equals(uid)){
     		Uid=Integer.parseInt(uid);
     	}
     
      %>
       <div class="tabcon2_right_txt">
       <form action="${ctx}/project/payInfo" method="post" name="form1">
       <input type="hidden" name="spid" value="<%=pid %>" />
       <input type="hidden" name="uid" value="<%=Uid %>" />
       <input type="hidden" name="stepid" value="${steplist[1].stepid }" />
<p><label>开户人:</label> <input name="accountholder" type="text" class="luru" value="我"/></p>

<p><label>卡户银行:</label> <input name="bankname" type="text" class="luru" value="工商银行"/></p>
<p><label>汇款账号:</label> <input name="bankaccountnumber" type="text" value="6212121211111111111" /></p>
<p><label>汇款金额:</label> <input name="transferamount" type="text" /><label class="year">元</label></p>
<p><label>汇款时间:</label> <input name="transferdate" type="text" value="150410"/></p>
<p><input name="picture" type="file" value="上传" /><label class="upload">点击上传按钮，选择汇款凭证图片</label></p>
<p class="tabcon2_right-btn"><input name="submit" type="image" src="${ctx.resource}/images/button02.jpg" onclick="submitt("${ctx}/project/payInfo");/><input name="" type="image" src="${ctx.resource}/images/button03.jpg" /></p>
     </form>
       </div>
     </div>
       <div style=" clear:both"></div>
     </div>
			</div><!--tabcon end-->
			<div class="tabcon">

			</div><!--tabcon end-->
			<div class="tabcon">
				
			</div><!--tabcon end-->
			<div class="tabcon">
				
			</div><!--tabcon end-->
</div><!--tabbox end-->
		
		
<script type="text/javascript" src="${ctx.resource}/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">

//ajax 选项卡
$('#ajaxtab .tabbtn li a').click(function(){
	var thiscity = $(this).attr("href");
	$("#ajaxtab .loading").ajaxStart(function(){
		$(this).show();
	}); 
	$("#ajaxtab .loading").ajaxStop(function(){
		$(this).hide();
	}); 
	$('#ajaxtab .tabcon').load(thiscity);
	$('#ajaxtab .tabbtn li a').parents().removeClass("current");
	$(this).parents().addClass("current");
	return false;
});
$('#ajaxtab .tabbtn li a').eq(0).trigger("click");

//tab plugins 插件
$(function(){
	
	//选项卡鼠标滑过事件
	$('#statetab .tabbtn li').mouseover(function(){
		TabSelect("#statetab .tabbtn li", "#statetab .tabcon", "current", $(this))
	});
	$('#statetab .tabbtn li').eq(0).trigger("mouseover");
	
	//选项卡鼠标滑过事件
	$('#clicktab .tabbtn li').click(function(){
		TabSelect("#clicktab .tabbtn li", "#clicktab .tabcon", "current", $(this))
	});
	$('#clicktab .tabbtn li').eq(0).trigger("click");

	function TabSelect(tab,con,addClass,obj){
		var $_self = obj;
		var $_nav = $(tab);
		$_nav.removeClass(addClass),
		$_self.addClass(addClass);
		var $_index = $_nav.index($_self);
		var $_con = $(con);
		$_con.hide(),
		$_con.eq($_index).show();
	}
	
});
function submitt(path)
{
	  $('form1').action(path);
 	  $('form1').submit(path);
}
</script>
</div>
<div class="center-list">
<span>推荐给我的项目</span>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN精英项目</a></p>
<p><a href="">美国项目</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN精英项目</a></p>
<p><a href="">美国项目</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN精英项目</a></p>
<p><a href="">美国项目</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN精英项目</a></p>
<p><a href="">美国项目</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN精英项目</a></p>
<p><a href="">美国项目</a></p>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div style=" clear:both"></div>
<div style="height:30px;"></div>
<iframe src="${ctx.resource}/public/footer.jsp" width="100%" height="510" frameborder="0"> 
</div>
</body>
</html>



















